<p align="center">
	<b> Today, you spent : </b> ${request.total}
</p>
<div id="pieChart-today"></div>
<br/>

<% include 'transcationDisplay.gsp' %>

<script>
<%
def tagTotal = request.tagTotal
if(tagTotal != null) {
%>
	var tagTotalData = new google.visualization.DataTable();
	tagTotalData.addColumn('string', 'Tag');
	tagTotalData.addColumn('number', 'Amount');
	tagTotalData.addRows(${tagTotal.size()});
	<%
		i = 0;
		tagTotal.each {k, v ->
			v = String.format("%.2f", v)
	%>
	    tagTotalData.setValue(${i}, 0, '${k}[${v}]');
	    tagTotalData.setValue(${i}, 1, ${v});
	<%
			i++;
		}
	%>
	var tagTotalChart = new google.visualization.PieChart(document.getElementById('pieChart-today'));
	tagTotalChart.draw(tagTotalData, 
		{
			width : 800,
			height : 200,
			is3D : true,
			title : '',
			legendFontSize : '14',
			legend : 'label',
			backgroundColor : { stroke : 'white', fill : 'white', strokeSize : 0},
			legendBackgroundColor : { stroke :'white', fill : 'white', strokeSize : 0 }
		});     
<%
	}
%>
</script>